@font-face {
  font-family: dFont;
  src: url('../../assets/styles/fonts/DIN-Black.otf');
}

.el-table {
  border-radius: 5px;
}

.el-table tr:nth-of-type(2n) {
  background-color: #f2f6f7 !important;
}

.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  background-color: rgb(224, 230, 240);
  padding: 12px 0;
  border: none;
  font-size: 14px;
  font-weight: normal;
  color: #2A344C;
}

.el-table tr {
  border: 1px solid #EFF0F2;

  &:hover {
    background-color: rgb(215, 229, 255) !important;

    td {
      background-color: rgb(215, 229, 255) !important;
    }
  }

  td {
    padding: 6px 0;
    color: #2A344C;
  }
}

.el-table tr:nth-of-type(2n+1) {
  background: rgba(237, 240, 245, 0.2);
}

.el-table .fixed-width .el-button--mini {
  color: rgba(14, 84, 255, 1);
  font-size: 14px;
}

.el-button--primary {
  color: #FFF;
  background: #2e7dff !important;
  box-shadow: 0px 3px 7px 0px rgba(16, 140, 238, 0.35);
  border-color: #2e7dff !important;

  &.is-disabled {
    border-color: #a0cfff !important;
    background: #a0cfff !important;

    &:active,
    &:focus,
    &:hover {
      border-color: #a0cfff !important;
      background: #a0cfff !important;
    }
  }
}

// .el-button--warning {
//   color: #FFF;
//   background: #70879B !important;
//   box-shadow: 0px 3px 7px 0px rgba(112, 135, 155, 0.35);
//   border-color: #70879B !important;
// }

.el-form-item__content>.el-cascader>.el-input>.el-input__inner:not([aria-expanded*="e"]),
.app-main .el-form-item__content>.el-cascader>.el-input>.el-input__inner,
.el-form-item__content>.el-input-number>.el-input>.el-input__inner,
.el-form-item__content>.el-input>.el-input__inner,
.el-form-item__content>.el-select>.el-input>.el-input__inner,
.vue-treeselect__control {
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px !important;
}

.vue-treeselect__input {
  vertical-align: middle;
}

.el-select .el-input--medium .el-input__icon,
.is-controls-right {
  line-height: 32px !important;
}

.is-controls-right .el-input-number__decrease,
.is-controls-right .el-input-number__increase {
  line-height: 15px !important;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
  line-height: 32px !important;
}

.el-table .cell p {
  margin: 0;
}

.hideSidebar {
  .siderBar-fixed {
    width: 85px;
  }

  .set-name {
    display: none;
  }

  .suitcase-size {
    font-size: 20px;
  }
}

.el-form--inline .el-form-item__label {
  font-weight: normal;
}

//tagsView面包屑梯形样式添加
.tags-view-container {
  .tags-view-wrapper {
    .tags-view-item {
      &:first-child {
        margin-left: 20px !important;
        background-color: inherit !important;
        background: url(../../assets/image/first-tags-bg.png) no-repeat center center !important;
        background-size: 100% 100%;
        width: 84px;
        height: 30px;
        line-height: 33px;
        padding: 0px 0px 0px 15px !important;
        margin-right: -5px !important;
        box-sizing: border-box;

        .left-triangle,
        .right-triangle {
          display: none;
        }

        &.active {
          background: url(../../assets/image/first-tags-bg-active.png) no-repeat center center !important;
          background-size: 100% 100%;
        }
      }

      position: relative;
      padding: 0px 6px !important;
      margin:8px 10px 0px 5px !important;
      height: 30px !important;
      line-height: 33px !important;
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      background-color: #e6e9ec !important;
      z-index: 9;

      .left-triangle {
        position: absolute;
        left: -14px;
        top: 0;
        background: url(../../assets/image/left-tags-bg.png) no-repeat center;
        background-size: 100% 100%;
        width: 18px;
        height: 30px;
      }

      .right-triangle {
        position: absolute;
        right: -14px;
        top: 0;
        background: url(../../assets/image/right-tags-bg.png) no-repeat center;
        background-size: 100% 100%;
        width: 18px;
        height: 30px;
      }

      &.active {
        background-color: #656e78 !important;
        z-index: 10;

        .left-triangle {
          position: absolute;
          left: -14px;
          top: 0;
          background: url(../../assets/image/left-tags-bg-active.png) no-repeat center;
          background-size: 100% 100%;
          width: 18px;
          height: 30px;
        }

        .right-triangle {
          position: absolute;
          right: -14px;
          top: 0;
          background: url(../../assets/image/right-tags-bg-active.png) no-repeat center;
          background-size: 100% 100%;
          width: 18px;
          height: 30px;
        }
      }
    }
  }
}

.pagination-container {
  background: inherit !important;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

//顶部导航1280*1024媒体查询
@media only screen and (max-width: 1280px) {
  .handle-content {
    .handle-item {
      padding: 0px 6px !important
    }
  }

  .handle-btn-group {
    .el-button {
      margin-left: 5px !important;
    }
  }
}

.el-dialog {
  max-height: inherit;
  overflow-y: auto;
}
